{% extends 'web/layout/manage.html' %}
{% load static %}
{% block title %}File{% endblock title %}
{% block css %}
<style>

    .panel-default{
        margin-top:10px;
    }
    .panel-default .panel-heading {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
    .panel-body{
        margin-top:10px;

        padding:0px;
        height: 500px;
    }
    .input-group{
        margin-top:50px;
        margin-left:80px;
        
    }

</style>
{% endblock css %}
{% block content %}

<!-- panel -->
<div class="container-fluid">    <!-- container-fluid -->
    <div class="panel panel-default">
        <div class="panel-heading">
            
                个人中心
            
            
        </div>
        <div class="panel-body">
            <div class="col-sm-3 title_list">


                <div class="list-group" style="boarder-radius: 0">
                    
                    <a href="#" class="list-group-item">我的资料</a>
                    <a href="#" class="list-group-item">修改密码</a>
                    <a href={% url 'web:setting_delete' project_id=request.tracer.project.id %} class="list-group-item">删除项目</a>
                </div>
            </div>
            
            <div class="col-sm-9 content">

                <div class="row">
                    <div class="col-lg-6">
                        {% if ret.status %}
                            
                            <label for="inputtext" class=" col-sm-offset-5 col-sm-20 control-label" style="margin-top:30px">{{ret.msg}}</label>
                        {% else %}
                       <form class="form-horizontal" method="POST" action={% url 'web:setting_delete' project_id=request.tracer.project.id %}>
                            {% csrf_token %}
                            <div class="form-group" style="margin-top:30px" >
                                <label for="inputtext" class="col-sm-2 control-label">删除</label>
                                <div class="col-sm-10" >
                                    <input type="text" name='delete_project_name' class="form-control" id="inputtext" placeholder="项目">
                                    <span class="error-msg">{{ret.msg}}</span>   
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-offset-10 col-sm-20">
                                    <a type="" class="btn btn-info" data-toggle="modal" data-target="#deleteModal">确定</a>
                                </div>
                            </div>

                                <!-- Modal delete -->
                                <div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                    <div class="modal-dialog" role="document">

                                            <div class="alert alert-danger alert-dismissible fade in" role="alert">
                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                
                                                <h4>是否要确定删除？</h4>
                                                <p style="padding-top: 20px;padding-bottom: 20px;">
                                                    项目中包含的所有的文件都会被删除。
                                                </p>

                                                <p style="text-align:right">
                                                    <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                                                    <button id="btnDelSubmit" type="submit" class="btn btn-danger btn-sm">确认</button>
                                                </p>
                                            </div>

                                    </div>
                                </div>
                                <!-- Modal delete End -->

                        </form>
                        
                        {% endif %}

                    </div><!-- /.col-lg-6 -->
                    
                </div><!-- /.row -->
            </div>
        </div>
    </div>
<div>


{% endblock content %}
{% block js %}

<script>

</script>

{% endblock js %}